<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>xiao mi</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../imgs/download/font_c0oh4qljmdm/iconfont.css">
    <link rel="stylesheet" href="../imgs/download/font_x8nwzbf53o/iconfont.css">
    <link rel="stylesheet" href="../imgs/download/font_gz6i8831tou/iconfont.css">
    <script src="../js/library/cookie.js" type="module"></script>
    <script src="../js/index.js" type="module"></script>
    <script src="../js/library/jquery.js" type="module"></script>
    <script>
        window.onload=function(){
            let getCookie=document.cookie.split(';');
            let myName=getCookie[0].split('=')[1];
            let login=document.querySelector('.login')
            const use= document.querySelector('.use')
            const userinfo=document.querySelector('.userinfo')
            if(document.cookie){
                login.style.display= "none";
                userinfo.style.display="block";
                use.innerHTML=myName
            }
            else if(!document.cookie){
                login.style.display= "block";
                userinfo.style.display="none";
            }
        }
    </script>
</head>

<body>
    <header>

        <div class="page-top">
            <div class="container">
                <div class="top-lt">
                    <a href="" class="down-a">小米商城</a>
                    <span>|</span>
                    <a href="" class="down-a">MIUI</a>
                    <span>|</span>
                    <a href="" class="down-a">IoT</a>
                    <span>|</span>
                    <a href="" class="down-a">云服务</a>
                    <span>|</span>
                    <a href="" class="down-a">金融</a>
                    <span>|</span>
                    <a href="" class="down-a">有品</a>
                    <span>|</span>
                    <a href="" class="down-a">小爱开放平台</a>
                    <span>|</span>
                    <a href="" class="down-a">企业团购</a>
                    <span>|</span>
                    <a href="" class="down-a">资质证照</a>
                    <span>|</span>
                    <a href="" class="down-a">协议规则</a>
                    <span>|</span>
                    <a href="" class="download">
                        下载app
                        <div class="down-box">
                            <b></b>
                            <img src="../imgs/download.png" alt="">
                            <i>小米商城APP</i>
                        </div>
                    </a>
                    <span>|</span>
                    <a href="" class="down-a">Select Location</a>
                </div>
                <div class="top-gt">
                    <div class="car-box fr">
                        <a href="./shop.html" class="tit">
                            <i class="iconfont icon-gouwuche1"></i> 购物车 (
                            <span>0</span>)
                        </a>
                        <div class="pop">
                            <p class="no-good">购物车种还没有商品，赶紧选购吧！</p>
                        </div>
                    </div>
                    <div class="login">
                        <a href="./register.html" style=" width: 160px;height: 160px;">登录</a>
                        <span>|</span>
                        <a href="./reg.html">注册</a>
                        <span>|</span>
                        <a href="">消息通知</a>
                    </div>

                    <div class="userinfo fr" style="display: none;">
                        <div class="user">
                            <a href="" class="use">用户</a>
                            <!-- <ul>
                                <li><a href="">个人中心</a></li>
                                <li><a href="">评价晒单</a></li>
                                <li><a href="">我的喜欢</a></li>
                                <li><a href="">小米账号</a></li>
                                <li><a href="">退出登录 </a></li>
                            </ul> -->
                        </div>
                        <a href="" class="link">消息通知</a>&ndash;&gt;
                        <span>|</span>
                        <a href="" class="link">我的订单</a>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="header-b">
        <div class="header-nav container fl">
            <div class="logo fl"></div>
            <div class="header-ul fl">
                <ul class="header-li fl">
                    <li class="head-li">
                        <span class="nav-category"></span>
                    </li>
                    <li class="head-li">
                        <a href="" class="item-a">小米手机</a>
                        <img src="../imgs/" alt="">
                        <!-- <div class="item-children">
                            <div class="container">
                                  <ul class="children-list">
                                     <li>
                                         <a href="">
                                             <div>
                                                 <img src="../imgs/A-1.jpg" alt=""style="width: 160px;height: 110px;">
                                             </div>
                                             <div class="title">
                                                 小米11
                                             </div>
                                             <p class="price">5999元起</p>
                                         </a>
                                     </li>
                                     <li>
                                         <a href="">
                                             <div>
                                                 <img src="../imgs/A-2.jpg" alt=""style="width: 160px;height: 110px;">
                                             </div>
                                             <div class="title">
                                                 小米11
                                             </div>
                                             <p class="price">5999元起</p>
                                         </a>
                                     </li>
                                     <li>
                                         <a href="">
                                             <div>
                                                 <img src="../imgs/A-3.jpg" alt=""style="width: 160px;height: 110px;">
                                             </div>
                                             <div class="title">
                                                 小米11
                                             </div>
                                             <p class="price">5999元起</p>
                                         </a>
                                     </li>
                                     <li>
                                         <a href="">
                                             <div>
                                                 <img src="../imgs/A-4.jpg" alt=""style="width: 160px;height: 110px;">
                                             </div>
                                             <div class="title">
                                                 小米11
                                             </div>
                                             <p class="price">5999元起</p>
                                         </a>
                                     </li>
                                     <li>
                                         <a href="">
                                             <div>
                                                 <img src="../imgs/A-5.jpg" alt=""style="width: 160px;height: 110px;">
                                             </div>
                                             <div class="title">
                                                 小米11
                                             </div>
                                             <p class="price">5999元起</p>
                                         </a>
                                     </li>
                                     <li>
                                         <a href="">
                                             <div>
                                                 <img src="../imgs/A-6.jpg" alt=""style="width: 160px;height: 110px;">
                                             </div>
                                             <div class="title">
                                                 小米11
                                             </div>
                                             <p class="price">5999元起</p>
                                         </a>
                                     </li>
                                 </ul>
                             </div>
                         </div> -->
                    </li>
                    <li class="head-li">
                        <a href="" class="item-a">Redmi 红米</a>
                    </li>
                    <li class="head-li">
                        <a href="" class="item-a">电视</a>
                    </li>
                    <li class="head-li">
                        <a href="" class="item-a">笔记本</a>
                    </li>
                    <li class="head-li">
                        <a href="" class="item-a">家电</a>
                    </li>
                    <li class="head-li">
                        <a href="" class="item-a">路由器</a>
                    </li>
                    <li class="head-li">
                        <a href="" class="item-a">智能硬件</a>
                    </li>
                    <li class="head-li">
                        <a href="" class="item-a">服务</a>
                    </li>
                    <li class="head-li">
                        <a href="" class="item-a">社区</a>
                    </li>
                </ul>
            </div>
            <div class="header-search fr">
                <a href="">
                    <span class="iconfont icon-fangdajing fr"></span>
                </a>
                <input type="text" id="search" value="耳机" class="fr">
            </div>
        </div>
    </div>
    <div class="home-hero container">
        <div class="home-list">
            <a href="" class="home-swiper">
                <img src="../imgs/1.png" alt="">
            </a>
            <a href="" class="home-swiper">
                <img src="../imgs/2.png" alt="">
            </a>
            <a href="" class="home-swiper">
                <img src="../imgs/3.png" alt="">
            </a>
            <a href="" class="home-swiper">
                <img src="../imgs/4.png" alt="">
            </a>
            <a href="" class="home-swiper">
                <img src="../imgs/5.png" alt="">
            </a>
            <div class="btn btn-prev iconfont icon-changyongicon-1
            ">
            </div>
            <div class="btn btn-next iconfont icon-changyongicon-">
            </div>
        </div>
        <ul class="home-ul" id="home-ul">
            <li style="cursor:pointer"></li>
            <li style="cursor:pointer"></li>
            <li style="cursor:pointer"></li>
            <li style="cursor:pointer"></li>
            <li style="cursor:pointer"></li>
        </ul>
        <div class="menu">
            <ul class="menu-list">
                <li>
                    <a href="" class="menu-a">
                        <span>手机</span><span>电话卡</span> <em class="iconfont icon-changyongicon-"></em>
                    </a>
                    <div class="menu-children">
                        <ul>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                            <li class="menu-li">
                                <a href="">
                                    <img src="../imgs/B-1.jpg" alt="" style="width: 40px;height: 40px;">
                                    <span>小米MIX FOLD</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="" class="menu-a"><span>电视</span><span>盒子</span><em class="iconfont icon-changyongicon-"></em></a>
                </li>
                <li>
                    <a href="" class="menu-a"><span>笔记本</span><span>显示器</span><em class="iconfont icon-changyongicon-"></em></a>
                </li>
                <li>
                    <a href="" class="menu-a"><span>家电</span><span>插线板</span><em class="iconfont icon-changyongicon-"></em></a>
                </li>
                <li>
                    <a href="" class="menu-a"><span>出行</span><span>穿戴</span><em class="iconfont icon-changyongicon-"></em></a>
                </li>
                <li>
                    <a href="" class="menu-a"><span>智能</span><span>路由器</span><em class="iconfont icon-changyongicon-"></em></a>
                </li>
                <li>
                    <a href="" class="menu-a"><span>电源</span><span>配件</span><em class="iconfont icon-changyongicon-"></em></a>
                </li>
                <li>
                    <a href="" class="menu-a"><span>健康</span><span>儿童</span><em class="iconfont icon-changyongicon-"></em></a>
                </li>
                <li>
                    <a href="" class="menu-a"><span>耳机</span><span>音箱</span><em class="iconfont icon-changyongicon-"></em></a>
                </li>
                <li>
                    <a href="" class="menu-a"><span>生活</span><span>箱包</span><em class="iconfont icon-changyongicon-"></em></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="adv container">
        <ul>
            <li>
                <a href=""><img src="../imgs/menu1.PNG" alt="">小米秒杀</a>
            </li>
            <li>
                <a href=""><img src="../imgs/menu2.PNG" alt="">企业团购</a>
            </li>
            <li>
                <a href=""><img src="../imgs/menu3.PNG" alt="">F码通道</a>
            </li>
            <li>
                <a href=""><img src="../imgs/menu4.PNG" alt=""> 米粉卡</a>
            </li>
            <li>
                <a href=""><img src="../imgs/menu5.PNG" alt="">以旧换新</a>
            </li>
            <li>
                <a href=""><img src="../imgs/menu6.PNG" alt="">话费充值</a>
            </li>
        </ul>
        <a href="" class=" adv-a">
            <img src="../imgs/adv1.jpg" alt="">
        </a>
        <a href="" class=" adv-a">
            <img src="../imgs/adv2.jpg" alt="">
        </a>
        <a href="" class=" adv-a">
            <img src="../imgs/adv3.jpg" alt="">
        </a>
    </div>
    <div class="purchase-f">
        <div class="container purchase">
            <h2>小米闪购</h2>
        </div>
        <div class="container purch">
            <div class="countdown fl">
                <div class="countdown-head">20:00 场</div>
                <img src="../imgs/2021-01-08_202830.jpg" alt="" class="countdown-img">
                <div class="countdown-foot">距离结束还有</div>
                <div class="countdown-main">
                    <span>00</span>
                    <i>:</i>
                    <span>00</span>
                    <i>:</i>
                    <span>00</span>
                </div>
            </div>
            <div class="rainbow fl">
                <div class="rain">
                    <a href="" class="rainbow-item-1 fl">
                        <div>
                            <img src="../imgs/rainbow1.jpg" alt="">
                        </div>
                        <h3 class="title">米家两门冰箱 160L 银色</h3>
                        <p class="desc">
                            小巧能装，速冻养鲜
                        </p>
                        <p class="price">
                            <span>899元</span>
                            <del>1099元</del>
                        </p>
                    </a>
                    <a href="" class="rainbow-item-2 fl">
                        <div>
                            <img src="../imgs/rainbow2.jpg" alt="">
                        </div>
                        <h3 class="title">米家两门冰箱 160L 银色</h3>
                        <p class="desc">
                            小巧能装，速冻养鲜
                        </p>
                        <p class="price">
                            <span>899元</span>
                            <del>1099元</del>
                        </p>
                    </a>
                    <a href="" class="rainbow-item-3 fl">
                        <div>
                            <img src="../imgs/rainbow3.jpg" alt="">
                        </div>
                        <h3 class="title">米家两门冰箱 160L 银色</h3>
                        <p class="desc">
                            小巧能装，速冻养鲜
                        </p>
                        <p class="price">
                            <span>899元</span>
                            <del>1099元</del>
                        </p>
                    </a>
                    <a href="" class="rainbow-item-4 fl">
                        <div>
                            <img src="../imgs/rainbow4.jpg" alt="">
                        </div>
                        <h3 class="title">米家两门冰箱 160L 银色</h3>
                        <p class="desc">
                            小巧能装，速冻养鲜
                        </p>
                        <p class="price">
                            <span>899元</span>
                            <del>1099元</del>
                        </p>
                    </a>
                    <a href="" class="rainbow-item-5 fl">
                        <div>
                            <img src="../imgs/rainbow5.jpg" alt="">
                        </div>
                        <h3 class="title">米家两门冰箱 160L 银色</h3>
                        <p class="desc">
                            小巧能装，速冻养鲜
                        </p>
                        <p class="price">
                            <span>899元</span>
                            <del>1099元</del>
                        </p>
                    </a>
                    <a href="" class="rainbow-item-6 fl">
                        <div>
                            <img src="../imgs/rainbow6.jpg" alt="">
                        </div>
                        <h3 class="title">米家两门冰箱 160L 银色</h3>
                        <p class="desc">
                            小巧能装，速冻养鲜
                        </p>
                        <p class="price">
                            <span>899元</span>
                            <del>1099元</del>
                        </p>
                    </a>
                    <a href="" class="rainbow-item-7 fl">
                        <div>
                            <img src="../imgs/rainbow7.jpg" alt="">
                        </div>
                        <h3 class="title">米家两门冰箱 160L 银色</h3>
                        <p class="desc">
                            小巧能装，速冻养鲜
                        </p>
                        <p class="price">
                            <span>899元</span>
                            <del>1099元</del>
                        </p>
                    </a>
                    <a href="" class="rainbow-item-8 fl">
                        <div>
                            <img src="../imgs/rainbow8.jpg" alt="">
                        </div>
                        <h3 class="title">米家两门冰箱 160L 银色</h3>
                        <p class="desc">
                            小巧能装，速冻养鲜
                        </p>
                        <p class="price">
                            <span>899元</span>
                            <del>1099元</del>
                        </p>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="home-flashsale">
        <div class="home-box container home1 shouji">
            <div class="home-box1">
                <a href="">
                    <img src="../imgs/home1.jpg" alt="">
                </a>
                <div class="home-box2">
                    <h2>手机</h2>
                    <div class="home-box3">
                        <a href="">查看全部
                            <i class="iconfont icon-changyongicon-"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="box-bd container">
                <div class="box-bd1 fl">
                    <a href="">
                        <img src="../imgs/home-box4.jpg" alt="">
                    </a>
                </div>
                <div class="list fl">
                </div>
            </div>
        </div>
        <div class="home-box container home2 jiadian">
            <div class="home-box1">
                <a href="">
                    <img src="../imgs/home-appliances.jpg" alt="">
                </a>
                <div class="home-box2">
                    <h2>家电</h2>
                    <div class="home-box3">
                        <a href="" class="home-appliances1">电视影音</a>
                        <a href="" class="home-appliances2">热门</a>
                    </div>
                </div>
            </div>
            <div class="box-bd container">
                <div class="box-bd1 fl">
                    <div>
                        <a href="">
                            <img src="../imgs/appliancesa.jpg.jpg" alt="">
                        </a>
                    </div>
                    <div class="">
                        <a href="">
                            <img src="../imgs/appliancesb.jpg" alt="">
                        </a>
                    </div>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/appliances1.jpg" alt="">
                                <h3>Redmi 红米电视 70英寸</h3>
                                <p class="desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                                <p class="price">
                                    <span> 3299元 </span>
                                    <del> 3799元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/appliances2.jpg" alt="">
                                <h3>小米全面屏电视E32C</h3>
                                <p class="desc">全面屏设计，人工智能系统</p>
                                <p class="price">
                                    <span> 899元 </span>
                                    <del> 999元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/appliances3.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>2299元 </span>
                                    <del> 2399元</del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/appliances4.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span> 1499元 </span>
                                    <del> 1799元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/appliances5.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>2999元 </span>
                                    <del> 3299元</del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/appliances6.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>799元 </span>
                                    <del> 899元</del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/appliances7.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>4799元 </span>
                                    <del> 5399元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class=" fl figure">
                    <div class="figure-a">
                        <a href="">
                            <img src="../imgs/figure.jpg" alt="" class="figure-img fr">
                            <h3 class="fr">米家互联网烟灶套装（天然气）
                            </h3>
                            <p>
                                <span> 2299元 </span>
                                <span> </span>
                            </p>
                        </a>
                    </div>
                    <div class="figure-b">
                        <a href="">
                            <div class="figure-more fr">
                                <i class="iconfont icon-icon-test"></i>
                            </div>
                            <div class="figure-small fr">
                                浏览更多
                                <small>热门</small>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="home-box container home2 zhineng">
            <div class="home-box1">
                <a href="">
                    <img src="../imgs/zhineng1.jpg" alt="">
                </a>
                <div class="home-box2">
                    <h2>智能</h2>
                    <div class="home-box3">
                        <a href="" class="home-appliances1">安防出行</a>
                        <a href="" class="home-appliances2">热门</a>
                    </div>
                </div>
            </div>
            <div class="box-bd container">
                <div class="box-bd1 fl">
                    <div>
                        <a href="">
                            <img src="../imgs/zhineng2.jpg" alt="">
                        </a>
                    </div>
                    <div class="">
                        <a href="">
                            <img src="../imgs/zhineng3.jpg" alt="">
                        </a>
                    </div>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/zhineng4.jpg" alt="">
                                <h3>Redmi 红米电视 70英寸</h3>
                                <p class="desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                                <p class="price">
                                    <span> 3299元 </span>
                                    <del> 3799元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/zhineng5.jpg" alt="">
                                <h3>小米全面屏电视E32C</h3>
                                <p class="desc">全面屏设计，人工智能系统</p>
                                <p class="price">
                                    <span> 899元 </span>
                                    <del> 999元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/zhineng6.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>2299元 </span>
                                    <del> 2399元</del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/zhineng7.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span> 1499元 </span>
                                    <del> 1799元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/zhineng8.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>2999元 </span>
                                    <del> 3299元</del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/zhineng9.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>799元 </span>
                                    <del> 899元</del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/zhineng10.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>4799元 </span>
                                    <del> 5399元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class=" fl figure">
                    <div class="figure-a">
                        <a href="">
                            <img src="../imgs/zhineng11.jpg" alt="" class="figure-img fr">
                            <h3 class="fr">米家电动滑板车1S
                            </h3>
                            <p>
                                <span> 2299元 </span>
                                <span> </span>
                            </p>
                        </a>
                    </div>
                    <div class="figure-b">
                        <a href="">
                            <div class="figure-more fr">
                                <i class="iconfont icon-icon-test"></i>
                            </div>
                            <div class="figure-small fr">
                                浏览更多
                                <small>热门</small>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="home-box container home2 dapei">
            <div class="home-box1">
                <a href="">
                    <img src="../imgs/dapei1.jpg" alt="">
                </a>
                <div class="home-box2">
                    <h2>搭配</h2>
                    <div class="home-box3">
                        <a href="" class="home-appliances1">电视影音</a>
                        <a href="" class="home-appliances2">热门</a>
                    </div>
                </div>
            </div>
            <div class="box-bd container">
                <div class="box-bd1 fl">
                    <div>
                        <a href="">
                            <img src="../imgs/dapei2.jpg" alt="">
                        </a>
                    </div>
                    <div class="">
                        <a href="">
                            <img src="../imgs/dapei3.jpg" alt="">
                        </a>
                    </div>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/dapei4.jpg" alt="">
                                <h3>Redmi 红米电视 70英寸</h3>
                                <p class="desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                                <p class="price">
                                    <span> 3299元 </span>
                                    <del> 3799元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/dapei5.jpg" alt="">
                                <h3>小米全面屏电视E32C</h3>
                                <p class="desc">全面屏设计，人工智能系统</p>
                                <p class="price">
                                    <span> 899元 </span>
                                    <del> 999元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/dapei6.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>2299元 </span>
                                    <del> 2399元</del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/dapei7.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span> 1499元 </span>
                                    <del> 1799元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/dapei8.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>2999元 </span>
                                    <del> 3299元</del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/dapei9.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>799元 </span>
                                    <del> 899元</del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/dapei10.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>4799元 </span>
                                    <del> 5399元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class=" fl figure">
                    <div class="figure-a">
                        <a href="">
                            <img src="../imgs/dapei11.jpg" alt="" class="figure-img fr">
                            <h3 class="fr">米家电动滑板车1S
                            </h3>
                            <p>
                                <span> 2299元 </span>
                                <span> </span>
                            </p>
                        </a>
                    </div>
                    <div class="figure-b">
                        <a href="">
                            <div class="figure-more fr">
                                <i class="iconfont icon-icon-test"></i>
                            </div>
                            <div class="figure-small fr">
                                浏览更多
                                <small>热门</small>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="home-box container home2 peijian">
            <div class="home-box1">
                <a href="">
                    <img src="../imgs/peijian1.jpg" alt="">
                </a>
                <div class="home-box2">
                    <h2>配件</h2>
                    <div class="home-box3">
                        <a href="" class="home-appliances1">充电器</a>
                        <a href="" class="home-appliances2">热门</a>
                    </div>
                </div>
            </div>
            <div class="box-bd container">
                <div class="box-bd1 fl">
                    <div>
                        <a href="">
                            <img src="../imgs/peijian2.jpg" alt="">
                        </a>
                    </div>
                    <div class="">
                        <a href="">
                            <img src="../imgs/peijian3.jpg" alt="">
                        </a>
                    </div>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/peijian4.jpg" alt="">
                                <h3>Redmi 红米电视 70英寸</h3>
                                <p class="desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                                <p class="price">
                                    <span> 3299元 </span>
                                    <del> 3799元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/peijian5.jpg" alt="">
                                <h3>小米全面屏电视E32C</h3>
                                <p class="desc">全面屏设计，人工智能系统</p>
                                <p class="price">
                                    <span> 899元 </span>
                                    <del> 999元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/peijian6.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>2299元 </span>
                                    <del> 2399元</del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/peijian7.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span> 1499元 </span>
                                    <del> 1799元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/peijian8.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>2999元 </span>
                                    <del> 3299元</del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/peijian9.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>799元 </span>
                                    <del> 899元</del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/peijian10.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>4799元 </span>
                                    <del> 5399元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class=" fl figure">
                    <div class="figure-a">
                        <a href="">
                            <img src="../imgs/peijian11.jpg" alt="" class="figure-img fr">
                            <h3 class="fr">米家电动滑板车1S
                            </h3>
                            <p>
                                <span> 2299元 </span>
                                <span> </span>
                            </p>
                        </a>
                    </div>
                    <div class="figure-b">
                        <a href="">
                            <div class="figure-more fr">
                                <i class="iconfont icon-icon-test"></i>
                            </div>
                            <div class="figure-small fr">
                                浏览更多
                                <small>热门</small>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="home-box container home2 zhoubian">
            <div class="home-box1">
                <a href="">
                    <img src="../imgs/zhoubian1.jpg" alt="">
                </a>
                <div class="home-box2">
                    <h2>周边</h2>
                    <div class="home-box3">
                        <a href="" class="home-appliances1">充电器</a>
                        <a href="" class="home-appliances2">热门</a>
                    </div>
                </div>
            </div>
            <div class="box-bd container">
                <div class="box-bd1 fl">
                    <div>
                        <a href="">
                            <img src="../imgs/zhoubian2.jpg" alt="">
                        </a>
                    </div>
                    <div class="">
                        <a href="">
                            <img src="../imgs/zhoubian3.jpg" alt="">
                        </a>
                    </div>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/zhoubian4.jpg" alt="">
                                <h3>Redmi 红米电视 70英寸</h3>
                                <p class="desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                                <p class="price">
                                    <span> 3299元 </span>
                                    <del> 3799元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/zhoubian5.jpg" alt="">
                                <h3>小米全面屏电视E32C</h3>
                                <p class="desc">全面屏设计，人工智能系统</p>
                                <p class="price">
                                    <span> 899元 </span>
                                    <del> 999元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/zhoubian6.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>2299元 </span>
                                    <del> 2399元</del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/zhoubian7.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span> 1499元 </span>
                                    <del> 1799元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/zhoubian8.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>2999元 </span>
                                    <del> 3299元</del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/zhoubian9.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>799元 </span>
                                    <del> 899元</del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-bd2 fl">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../imgs/zhoubian10.jpg" alt="">
                                <h3>小米11</h3>
                                <p class="desc">骁龙888|2K四曲面屏</p>
                                <p class="price">
                                    <span>4799元 </span>
                                    <del> 5399元 </del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class=" fl figure">
                    <div class="figure-a">
                        <a href="">
                            <img src="../imgs/zhoubian11.jpg" alt="" class="figure-img fr">
                            <h3 class="fr">米家电动滑板车1S
                            </h3>
                            <p>
                                <span> 2299元 </span>
                                <span> </span>
                            </p>
                        </a>
                    </div>
                    <div class="figure-b">
                        <a href="">
                            <div class="figure-more fr">
                                <i class="iconfont icon-icon-test"></i>
                            </div>
                            <div class="figure-small fr">
                                浏览更多
                                <small>热门</small>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="home-box container home2 zhongxingbi">
            <div class="home-box1">
                <a href="">
                    <img src="../imgs/zhongxingbi.jpg" alt="">
                </a>
                <div class="home-box2">
                    <h2>视频</h2>
                    <div class="home-box3">
                        <a href="">查看全部
                            <i class="iconfont icon-changyongicon-"></i>
                        </a>
                    </div>
                </div>
                <div>
                    <ul class="video-list">
                        <li class="video-item fl">
                            <a href="">
                                <div class="figure-img">
                                    <img src="../imgs/ship1.jpg" alt="">
                                    <span class="play">
                                        <i class="icon-triangle-right iconfont"></i>
                                    </span>
                                </div>
                                <h3 class="title"> Redmi 10X系列发布会</h3>
                                <p class="desc"> Redmi 10X系列发布会</p>
                            </a>
                        </li>
                        <li class="video-item fl">
                            <a href="">
                                <div class=" figure-img ">
                                    <img src="../imgs/ship2.jpg" alt="">
                                    <span class="play">
                                        <i class="icon-triangle-right iconfont"></i>
                                    </span>
                                </div>
                                <h3 class="title"> Redmi 10X系列发布会</h3>
                                <p class="desc"> Redmi 10X系列发布会</p>
                            </a>
                        </li>
                        <li class="video-item fl">
                            <a href="">
                                <div class=" figure-img ">
                                    <img src="../imgs/ship3.jpg" alt="">
                                    <span class="play">
                                        <i class="icon-triangle-right iconfont"></i>
                                    </span>
                                </div>
                                <h3 class="title"> Redmi 10X系列发布会</h3>
                                <p class="desc"> Redmi 10X系列发布会</p>
                            </a>
                        </li>
                        <li class="video-item fl">
                            <a href="">
                                <div class="figure-img ">
                                    <img src="../imgs/ship4.jpg " alt="">
                                    <span class="play">
                                        <i class="icon-triangle-right iconfont"></i>
                                    </span>
                                </div>
                                <h3 class="title"> Redmi 10X系列发布会</h3>
                                <p class="desc"> Redmi 10X系列发布会</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div>
        <div class="site-footer">
            <div class="container">
                <div class="footer-service">
                    <ul>
                        <li class="fl">
                            <a href="">
                                <em></em>预约维护
                            </a>
                        </li>
                        <li class="fl">
                            <a href="">
                                <em></em>7天无理由退换
                            </a>
                        </li>
                        <li class="fl">
                            <a href="">
                                <em></em>15天无理由退货
                            </a>
                        </li>
                        <li class="fl">
                            <a href="">
                                <em></em>满99元包邮
                            </a>
                        </li>
                        <li class="fl">
                            <a href="">
                                <em></em>520余家售后网点
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="footer-links clearfix">
                    <dl class="col-links col-links-first">
                        <dt>帮助中心</dt>
                        <dd><a href="">账户管理</a></dd>
                        <dd><a href="">购物指南</a></dd>
                        <dd><a href="" target="_blank">订单操作</a></dd>
                    </dl>

                    <dl class="col-links ">
                        <dt>服务支持</dt>
                        <dd><a href="">售后政策</a></dd>
                        <dd><a href="">自助服务</a></dd>
                        <dd><a href="">相关下载</a></dd>
                    </dl>

                    <dl class="col-links ">
                        <dt>线下门店</dt>
                        <dd><a href="">小米之家</a></dd>
                        <dd><a href="">服务网点</a></dd>
                        <dd><a href="">授权体验店</a></dd>
                    </dl>

                    <dl class="col-links ">
                        <dt>关于小米</dt>
                        <dd><a href="">了解小米</a></dd>
                        <dd><a href="">加入小米</a></dd>
                        <dd><a href="">投资者关系</a></dd>
                        <dd><a href="">企业社会责任</a></dd>
                        <dd><a href="">廉洁举报</a></dd>
                    </dl>

                    <dl class="col-links ">
                        <dt>关注我们</dt>
                        <dd><a href="">新浪微博</a></dd>
                        <dd><a href="" id="J_siteWeixinCode">官方微信</a></dd>
                        <dd><a href="">联系我们</a></dd>
                        <dd><a href="">公益基金会</a></dd>
                    </dl>

                    <dl class="col-links ">
                        <dt>特色服务</dt>
                        <dd><a href="">F 码通道</a></dd>
                        <dd><a href="">礼物码</a></dd>
                        <dd><a href="">防伪查询</a></dd>
                    </dl>

                    <div class="col-contact fr">
                        <p class="phone">400-100-5678</p>
                        <p>8:00-18:00（仅收市话费）</p>
                        <a class="btn btn-line-primary btn-small J_contactBtn"> <em class="iconfont-message2"></em> 人工客服 </a>
                        <div class="follow">关注小米：
                            <a href="" class="wb" target="_blank"></a>
                            <a class="wx" href=""></a>
                            <img src="" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="site-info">
            <div class="container">
                <div class="logo fl">小米官网</div>
                <div class="info-text fl">
                    <p class="sites">
                        <a href="">小米商城</a>
                        <span class="sep">|</span>
                        <a href="">MIUI</a>
                        <span class="sep">|</span>
                        <a href="">米家</a>
                        <span class="sep">|</span>
                        <a href="">米聊</a>
                        <span class="sep">|</span>
                        <a href="">多看</a>
                        <span class="sep">|</span>
                        <a href="">游戏</a>
                        <span class="sep">|</span>
                        <a href="">政企服务</a>
                        <span class="sep">|</span>
                        <a href="">小米天猫店</a>
                        <span class="sep">|</span>
                        <a href="">小米集团隐私政策</a>
                        <span class="sep">|</span>
                        <a href="">小米公司儿童信息保护规则</a>
                        <span class="sep">|</span>
                        <a href="">小米商城隐私政策</a>
                        <span class="sep">|</span>
                        <a href="">小米商城用户协议</a>
                        <span class="sep">|</span>
                        <a href="">问题反馈</a>
                        <span class="sep">|</span>
                        <a href="" class="J_siteGlobalRegion">Select Location</a>
                    </p>
                    <p class="sites">
                        <a href="">北京互联网法院法律服务工作站</a>
                        <span class="sep">|</span>
                        <a href="">中国消费者协会</a>
                        <span class="sep">|</span>
                        <a href="">北京市消费者协会</a>
                    </p>
                    <p>
                        &copy;
                        <a href="" title="mi.com">mi.com</a> 京ICP证110507号
                        <a href="">京ICP备10046444号</a>
                        <a href="">京公网安备11010802020134号</a>
                        <a href="">京网文[2020]0276-042号</a>
                        <br>
                        <a href="">（京）网械平台备字（2018）第00005号</a>
                        <a href="">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                        <a href="">营业执照</a>
                        <a href="">医疗器械质量公告</a>
                        <br>
                        <a href="">增值电信业务许可证</a>&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                        <a href="">食品经营许可证</a>
                        <br> 违法和不良信息举报电话：171-5104-4404&nbsp;
                        <a href=''>知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                </div>
            </div>
            <div class="slogan fl"></div>
        </div>
    </div>
    <div class="home-right">
        <a href="">
            <div>
                <img src="https://i8.mifile.cn/b2c-mimall-media/98a23aae70f25798192693f21c4d4039.png" alt="">
                <img src="https://i8.mifile.cn/b2c-mimall-media/74c4fcb4475af8308e9a670db9c01fdf.png" alt="" class="home-img">
            </div>
            <span>
                手机app
            </span>
        </a>
        <a href="">
            <div>
                <img src="https://i8.mifile.cn/b2c-mimall-media/55cad219421bee03a801775e7309b920.png" alt="" >
                <img src="https://i8.mifile.cn/b2c-mimall-media/41f858550f42eb1770b97faf219ae215.png" alt="">
            </div>
            <span>
                个人中心
            </span>
        </a>
        <a href="">
            <div>
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/12eb0965ab33dc8e05870911b90f3f13.png" alt="">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/95fbf0081a06eec7be4d35e277faeca0.png" alt="">
            </div>
            <span>
                售后服务
            </span>
        </a>
        <a href="">
            <div>
                <img src="https://i8.mifile.cn/b2c-mimall-media/4f036ae4d45002b2a6fb6756cedebf02.png" alt="">
                <img src="https://i8.mifile.cn/b2c-mimall-media/5e9f2b1b0da09ac3b3961378284ef2d4.png" alt="">
            </div>
            <span>
               人工客服
            </span>
        </a>
        <a href="">
            <div>
                <img src="https://i8.mifile.cn/b2c-mimall-media/d7db56d1d850113f016c95e289e36efa.png" alt="">
                <img src="https://i8.mifile.cn/b2c-mimall-media/692a6c3b0a93a24f74a29c0f9d68ec71.png" alt="">
            </div>
            <span>
               购物车
            </span>
        </a>
        <a href="" class="home-Top">
            <div>
                <img src="../imgs/totop.png" alt="">
            </div>
            
            <span>回顶部</span>
        </a>
    </div>
</body>

</html>
